<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8" />
    <meta name="site" content="" />
    <title>Novem</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <script type="module" src="src/main.js"></script>
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, viewport-fit=cover"
    />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <link rel="manifest" href="/assets/manifest.json" />
    <link
      rel="icon"
      type="image/png"
      sizes="192x192"
      href="/assets/app-icons/icon-192x192.png"
    />
    <link
      rel="apple-touch-icon"
      type="image/png"
      sizes="180x180"
      href="/assets/app-icons/icon-180x180.png"
    />
    <style>
      #item-1 {
        --nvm-aspect-ratio: calc(398 / 700 * 100%);
        max-width: 700px;
      }
      #item-2 {
        --nvm-aspect-ratio: calc(398 / 700 * 100%);
        max-width: 700px;
      }
      #item-3 {
        --nvm-aspect-ratio: calc(398 / 370 * 100%);
        max-width: 370px;
      }
      #item-5 {
        --nvm-aspect-ratio: calc(398 / 540 * 100%);
        max-width: 540px;
      }
      #item-4 {
        --nvm-aspect-ratio: calc(398 / 466 * 100%);
        max-width: 466px;
      }
      @media (max-width: 767px) {
        #item-1,
        #item-2,
        #item-3,
        #item-4,
        #item-5 {
          --nvm-aspect-ratio: calc(400 / 735 * 100%);
          max-width: 100%;
        }
      }
      @media (max-width: 650px) {
        #item-1,
        #item-2,
        #item-3,
        #item-4,
        #item-5 {
          --nvm-aspect-ratio: calc(398 / 627 * 100%);
        }
      }
      @media (max-width: 540px) {
        #item-3,
        #item-4 {
          --nvm-aspect-ratio: calc(398 / 500 * 100%);
        }
      }
    </style>
  </head>
  <body class="stretched">
    <div id="wrapper">
      <div id="top-bar">
        <div class="container">
          <div class="row justify-content-between">
            <div class="col-auto">
              <div class="top-links">
                <a
                  href="http://www.zcu.edu.cn"
                  target="_blank"
                  rel="noopener noreferrer"
                  >学生</a
                >
                <a
                  href="http://www.zcu.edu.cn"
                  target="_blank"
                  rel="noopener noreferrer"
                  >教职工</a
                >
              </div>
            </div>
            <div class="col-auto topbar-tools"></div>
          </div>
        </div>
      </div>

      <header id="header" data-mobile-sticky="true">
        <div id="header-wrap">
          <div class="container">
            <div class="header-row">
              <div id="logo">
                <a href="#" title="#" target="_blank" rel="noopener noreferrer">
                  <img src="/assets/images/logo.png" alt="#" />
                </a>
              </div>
              <div class="primary-menu-trigger">
                <button class="nvm-hamburger" type="button" title="移动端导航">
                  <span class="nvm-hamburger-box">
                    <span class="nvm-hamburger-inner"></span>
                  </span>
                </button>
              </div>
              <nav class="primary-menu mobile-menu-overlay">
                <ul class="menu-container">
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#1" rel="noopener noreferrer">首页</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#2" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                    <ul class="sub-menu-container">
                      <li class="menu-item">
                        <div class="menu-link"><a href="#21">子菜单1</a></div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                      <li class="menu-item">
                        <div class="menu-link">
                          <a href="#21">测试二级菜单长度</a>
                        </div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                      <li class="menu-item">
                        <div class="menu-link"><a href="#21">子菜单1</a></div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                      <li class="menu-item">
                        <div class="menu-link"><a href="#21">子菜单1</a></div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                      <li class="menu-item">
                        <div class="menu-link"><a href="#21">子菜单1</a></div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                    </ul>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#3" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#4" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#5" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#6" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#7" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#8" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#9" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#10" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#11" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                </ul>
              </nav>
            </div>
          </div>
        </div>
      </header>

      <section class="page-title">
        <img
          src="/assets/images/page/business/banner-1.jpg"
          alt="郑州城市职业学院"
          class="page-title-bg"
        />
        <div class="container">
          <div class="row">
            <div class="col-auto">
              <h1 class="title">要闻资讯</h1>
              <p class="intro">要闻资讯要闻资讯要闻资讯</p>
            </div>
          </div>
        </div>
      </section>

      <section id="content" class="touchpoint">
        <section class="pt-4 pt-sm-5 mt-3 mt-sm-0">
          <!-- Title -->
          <div
            class="container text-center pt-lg-2 pt-xl-3 mx-auto pb-4 pb-sm-0 mb-3 mb-sm-5"
            style="max-width: 680px"
          >
            <div class="col-12" data-animate="animate__fadeInUp">
              <div class="title-block">
                <h2>
                  大学期间不能错过的<span class="text-nowrap">考试和证书</span>
                </h2>
              </div>
            </div>
          </div>

          <!-- Grid -->
          <div
            class="container-fluid d-flex flex-column gap-4"
            style="max-width: 1456px"
          >
            <div class="d-flex flex-column flex-md-row gap-4">
              <!-- 专升本 -->
              <div
                class="hover-effect-scale ratio"
                id="item-1"
                style="
                  --nvm-transform-scale: 1.03;
                  --nvm-transition-duration: 0.3s;
                "
              >
                <div
                  class="nav flex-column position-absolute top-0 start-0 w-100 h-100 z-2 pt-4 pt-xl-5 px-4 ps-xl-5 mt-lg-2 ms-lg-2 m-xl-0"
                >
                  <h2 class="h4 d-none d-lg-block pb-2 mb-1">专升本考试</h2>
                  <h2 class="h4 d-lg-none mb-2">专升本考试</h2>
                  <p
                    class="fs-xs text-justify mb-2 mb-xl-3 d-none d-sm-block d-md-none d-lg-block"
                    style="max-width: 250px"
                  >
                    专升本是一次深度的自我重塑，在本科的平台中你将接触更前沿的知识，参与更丰富的实践。这些经历将会拓宽视野、提升格局、遇见更优秀的自己！
                  </p>
                  <a
                    class="nav-link animate-underline stretched-link text-dark-emphasis py-1 px-0"
                    href="https://mp.weixin.qq.com/s/8LsqzvjUnXvFx5g7Vk76kg"
                  >
                    <span class="animate-target">了解详情</span>
                  </a>
                </div>
                <div
                  class="hover-effect-target d-flex align-items-end h-100 overflow-hidden rounded-5"
                >
                  <div class="position-relative z-1 rtl-flip">
                    <img
                      src="/assets/images/page/kp/1.png"
                      class="hover-effect-target d-none-dark"
                      width="700"
                      alt="专升本"
                    />
                    <img
                      src="/assets/images/page/kp/1.png"
                      class="hover-effect-target d-none d-block-dark"
                      width="700"
                      alt="专升本"
                    />
                  </div>
                  <span
                    class="bg-body-secondary position-absolute top-0 start-0 w-100 h-100 d-none-dark"
                  ></span>
                  <span
                    class="bg-body-secondary bg-dark position-absolute top-0 start-0 w-100 h-100 d-none d-block-dark"
                  ></span>
                </div>
              </div>

              <!-- 教师资格证培训 -->
              <div
                class="hover-effect-scale ratio"
                id="item-2"
                style="
                  --nvm-transform-scale: 1.03;
                  --nvm-transition-duration: 0.3s;
                "
              >
                <div
                  class="nav flex-column position-absolute top-0 start-0 w-100 h-100 z-2 pt-4 pt-xl-5 px-4 ps-xl-5 mt-lg-2 ms-lg-2 m-xl-0"
                >
                  <h2 class="h4 d-none d-lg-block pb-2 mb-1">教师资格证</h2>
                  <h2 class="h4 d-lg-none mb-2">教师资格证</h2>
                  <p
                    class="text-justify opacity-75 fs-xs mb-2 mb-xl-3 d-none d-sm-block d-md-none d-lg-block"
                    style="max-width: 250px"
                  >
                    在追求教育梦想的征途上，学校教资交流群将成为你知识的加油站，与未来的教师们一起点燃智慧的火花，共同解锁教师职业的大门！
                  </p>
                  <a
                    class="nav-link animate-underline stretched-link py-1 px-0"
                    href="https://mp.weixin.qq.com/s/-ADqJ4lz6zwPODVoYFjXqg"
                  >
                    <span class="animate-target">了解详情</span>
                  </a>
                </div>
                <div
                  class="hover-effect-target d-flex align-items-end justify-content-end h-100 overflow-hidden rounded-5"
                >
                  <div class="position-relative z-1 rtl-flip">
                    <img
                      src="/assets/images/page/kp/2.png"
                      class="hover-effect-target d-none-dark"
                      width="700"
                      alt="教师资格证"
                    />
                    <img
                      src="/assets/images/page/kp/2.png"
                      class="hover-effect-target d-none d-block-dark"
                      width="700"
                      alt="教师资格证"
                    />
                  </div>
                  <span
                    class="bg-body-secondary position-absolute top-0 start-0 w-100 h-100 d-none-dark"
                  ></span>
                  <span
                    class="bg-body-secondary position-absolute top-0 start-0 w-100 h-100 d-none d-block-dark"
                  ></span>
                </div>
              </div>
            </div>
            <div class="d-flex flex-column flex-md-row gap-4">
              <!-- 行业证书培训 -->
              <div
                class="hover-effect-scale ratio"
                id="item-3"
                style="
                  --nvm-transform-scale: 1.03;
                  --nvm-transition-duration: 0.3s;
                "
              >
                <div
                  class="nav flex-column position-absolute top-0 start-0 w-100 h-100 z-2 pt-4 pt-xl-5 px-4 ps-xl-5 mt-lg-2 ms-lg-2 m-xl-0"
                >
                  <h2 class="h4 d-none d-lg-block pb-2 mb-1">NIT证书</h2>
                  <h2 class="h4 d-lg-none mb-2">NIT证书</h2>
                  <p
                    class="text-justify opacity-75 fs-xs mb-2 mb-xl-3 d-none d-sm-block d-md-none d-lg-block"
                    style="max-width: 250px"
                  >
                    在这个信息爆炸的时代，计算机技能已成为衡量人才竞争力的重要标尺。你是否渴望在学业与未来的职业生涯中脱颖而出？全国计算机应用水平考试（NIT证书）正是你不可错过的机遇！
                  </p>
                  <a
                    class="nav-link animate-underline stretched-link py-1 px-0"
                    href="https://mp.weixin.qq.com/s/r1eK5cHaVMuLJ5DPpOTwxg"
                  >
                    <span class="animate-target">了解详情</span>
                  </a>
                </div>
                <div
                  class="hover-effect-target d-flex align-items-end justify-content-end h-100 overflow-hidden rounded-5"
                >
                  <div class="position-relative z-1 rtl-flip">
                    <img
                      src="/assets/images/page/kp/3.png"
                      class="hover-effect-target d-none-dark"
                      width="370"
                      alt="NIT证书培训"
                    />
                    <img
                      src="/assets/images/page/kp/3.png"
                      class="hover-effect-target d-none d-block-dark"
                      width="370"
                      alt="NIT证书培训"
                    />
                  </div>
                  <span
                    class="bg-body-secondary position-absolute top-0 start-0 w-100 h-100"
                  ></span>
                </div>
              </div>

              <!-- 建筑八大员培训 -->
              <div
                class="hover-effect-scale ratio"
                id="item-4"
                style="
                  --nvm-transform-scale: 1.03;
                  --nvm-transition-duration: 0.3s;
                "
              >
                <div
                  class="nav flex-column position-absolute top-0 start-0 w-100 h-100 z-2 pt-4 pt-xl-5 px-4 ps-xl-5 mt-lg-2 ms-lg-2 m-xl-0"
                >
                  <h2 class="h4 d-none d-lg-block pb-2 mb-1">建筑八大员</h2>
                  <h2 class="h4 d-lg-none mb-2">建筑八大员</h2>
                  <p
                    class="fs-xs text-justify mb-2 mb-xl-3 d-none d-sm-block d-md-none d-lg-block"
                    style="max-width: 250px"
                  >
                    建筑八大员是指施工员（测量员）、质量员、安全员、标准员、材料员、机械员、劳务员、资料员等。
                  </p>
                  <a
                    class="nav-link animate-underline stretched-link text-dark-emphasis py-1 px-0"
                    href="https://mp.weixin.qq.com/s/fzpVvFL77TyOv7CBvuvZgg"
                  >
                    <span class="animate-target">了解详情</span>
                    <i class="ci-chevron-right fs-base mt-1 ms-1"></i>
                  </a>
                </div>
                <div
                  class="hover-effect-target d-flex align-items-end justify-content-end h-100 overflow-hidden rounded-5"
                >
                  <div class="position-relative z-1 rtl-flip">
                    <img
                      src="/assets/images/page/kp/4.png"
                      class="hover-effect-target d-none-dark"
                      width="466"
                      alt="建筑八大员"
                    />
                    <img
                      src="/assets/images/page/kp/4.png"
                      class="hover-effect-target d-none d-block-dark"
                      width="466"
                      alt="建筑八大员"
                    />
                  </div>
                  <span
                    class="bg-body-secondary position-absolute top-0 start-0 w-100 h-100 d-none-dark"
                  ></span>
                  <span
                    class="bg-body-secondary position-absolute top-0 start-0 w-100 h-100 d-none d-block-dark"
                  ></span>
                </div>
              </div>

              <!-- 初级会计师培训 -->
              <div
                class="hover-effect-scale ratio"
                id="item-5"
                style="
                  --nvm-transform-scale: 1.03;
                  --nvm-transition-duration: 0.3s;
                "
              >
                <div
                  class="nav flex-column position-absolute top-0 start-0 w-100 h-100 z-2 pt-4 pt-xl-5 px-4 ps-xl-5 mt-lg-2 ms-lg-2 m-xl-0"
                >
                  <h2 class="h4 d-none d-lg-block pb-2 mb-1">初级会计师</h2>
                  <h2 class="h4 d-lg-none mb-2">初级会计师</h2>
                  <p
                    class="fs-xs mb-2 mb-xl-3 d-none d-sm-block d-md-none d-lg-block"
                    style="max-width: 250px"
                  >
                    有高中及以上学历就可以报名，初级会计师证书是由各地财政部门进行发放，证书受国家认可，是从事财会工作的必要证书之一。
                  </p>
                  <a
                    class="nav-link animate-underline stretched-link text-dark-emphasis py-1 px-0"
                    href="https://mp.weixin.qq.com/s/spqcNFhqNR5YvsZKosYm5A"
                  >
                    <span class="animate-target">了解详情</span>
                  </a>
                </div>
                <div
                  class="hover-effect-target d-flex align-items-end justify-content-end h-100 overflow-hidden rounded-5"
                >
                  <div class="position-relative z-1 rtl-flip">
                    <img
                      src="/assets/images/page/kp/5.png"
                      class="hover-effect-target d-none-dark"
                      width="540"
                      alt="初级会计师"
                    />
                    <img
                      src="/assets/images/page/kp/5.png"
                      class="hover-effect-target d-none d-block-dark"
                      width="540"
                      alt="初级会计师"
                    />
                  </div>
                  <span
                    class="bg-body-secondary position-absolute top-0 start-0 w-100 h-100 d-none-dark"
                  ></span>
                  <span
                    class="bg-body-secondary position-absolute top-0 start-0 w-100 h-100 d-none d-block-dark"
                  ></span>
                </div>
              </div>
            </div>
          </div>
        </section>

        <div class="section advantage">
          <div class="container">
            <div class="row">
              <div class="col-12">
                <div class="title-block">
                  <h2 class="text-white">在校内参加培训的优势</h2>
                </div>
              </div>
            </div>
            <div class="row row-cols-2 row-cols-sm-3 g-3">
              <div class="col">
                <div class="advantage-item">
                  <i class="novem-icons nvm-icon-gjjl01"></i>
                  <div class="desc">
                    <p>环境熟悉</p>
                    <p>减少压力</p>
                  </div>
                </div>
              </div>
              <div class="col">
                <div class="advantage-item">
                  <i class="novem-icons nvm-icon-gjjl02"></i>
                  <div class="desc">
                    <p>教学更有针对性</p>
                    <p>方便反馈与沟通</p>
                  </div>
                </div>
              </div>
              <div class="col">
                <div class="advantage-item">
                  <i class="novem-icons nvm-icon-gjjl03"></i>
                  <div class="desc">
                    <p>纪律性强</p>
                    <p>便于组织</p>
                  </div>
                </div>
              </div>
              <div class="col">
                <div class="advantage-item">
                  <i class="novem-icons nvm-icon-gjjl04"></i>
                  <div class="desc">
                    <p>同伴支持</p>
                    <p>归属感强</p>
                  </div>
                </div>
              </div>
              <div class="col">
                <div class="advantage-item">
                  <i class="novem-icons nvm-icon-gjjl05"></i>
                  <div class="desc">
                    <p>结合日常教学</p>
                    <p>学习效率高</p>
                  </div>
                </div>
              </div>
              <div class="col">
                <div class="advantage-item">
                  <i class="novem-icons nvm-icon-gjjl06"></i>
                  <div class="desc">
                    <p>安全性高</p>
                    <p>无额外通勤成本</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="section" id="env">
          <div class="container" data-animate="animate__fadeInUp">
            <div class="row">
              <div class="col-12">
                <div class="title-block">
                  <h2>学习环境</h2>
                </div>
              </div>
            </div>
            <div class="album row g-3" data-animate="animate__fadeInUp">
              <div class="col-lg-5">
                <img
                  src="/assets/images/page/shengxue/081.jpg"
                  alt="校园小景"
                  class="rounded-top h-100 object-fit-cover"
                />
              </div>
              <div class="col-lg-7">
                <div class="row g-3">
                  <div class="col-6">
                    <img
                      src="/assets/images/page/shengxue/图书馆阅览区.jpg"
                      alt="图书馆阅览区"
                      class="rounded-top"
                    />
                  </div>
                  <div class="col-6">
                    <img
                      src="/assets/images/page/shengxue/公寓共享自习室01.jpg"
                      alt="公寓共享自习室"
                      class="rounded-top"
                    />
                  </div>
                  <div class="col-6">
                    <img
                      src="/assets/images/page/shengxue/0151.jpg"
                      alt="校园小景"
                      class="rounded-top"
                    />
                  </div>
                  <div class="col-6">
                    <img
                      src="/assets/images/page/shengxue/专升本自习室.jpg"
                      alt="专升本自习室"
                      class="rounded-top"
                    />
                  </div>
                </div>
              </div>
            </div>

            <div class="row">
              <div class="col-12 text-center mt-3 mt-lg-4">
                <a
                  href="xyhj/xyfg/xxkj.htm"
                  class="btn btn-outline-secondary btn-lg py-2"
                  target="_blank"
                  >查看更多</a
                >
              </div>
            </div>
          </div>
        </div>

        <!-- <div class="container">
          <div class="position-relative py-4 px-4 p-sm-5">
            <div
              class="bg-body-secondary position-absolute top-0 start-0 w-100 h-100 rounded-5 d-none-dark rtl-flip"
            ></div>
            <div
              class="bg-body-secondary position-absolute top-0 start-0 w-100 h-100 rounded-5 d-none d-block-dark rtl-flip"
            ></div>
            <div class="position-relative z-1 text-center py-md-3 my-lg-3">
              <p class="pb-2 mb-1">了解更多信息</p>
              <h5 class="pb-2 pb-sm-3">欢迎咨询继续教育学院（爱因斯坦楼）</h5>
            </div>
          </div>
        </div> -->
      </section>

      <footer class="section" id="footer">
        <div class="container">
          <div class="row align-items-md-end align-items-lg-center">
            <div
              class="col-12 col-md-5 col-lg-4 col-xl-5 text-center text-md-start"
              data-animate="animate__slideInLeft"
            >
              <img
                src="/assets/images/logo-dark.png"
                alt="郑州城市职业学院"
                class="logo"
              />
              <div class="m-3 mt-mb-4 mb-md-0">
                中国 · 河南 · 郑州<br />
                <i class="novem-icons nvm-icon-phone"></i> 0371-69213333<br />
                <i class="novem-icons nvm-icon-phone"></i>
                0371-68506666（招生咨询）
              </div>
            </div>

            <div
              class="d-none d-lg-block col-lg-3"
              data-animate="animate__fadeInUp"
            >
              <div class="row">
                <div class="col">
                  <h6>常用链接</h6>
                  <ul>
                    <li><a href="#">教育部</a></li>
                    <li><a href="#">河南省教育厅</a></li>
                    <li><a href="#">知网</a></li>
                    <li><a href="#">图书馆</a></li>
                    <li><a href="#">继续教育学院</a></li>
                  </ul>
                </div>
                <div class="col">
                  <h6>常用功能</h6>
                  <ul>
                    <li><a href="#">教务系统</a></li>
                    <li><a href="#">OA系统</a></li>
                    <li><a href="#">企业邮箱</a></li>
                    <li><a href="#">校历</a></li>
                    <li><a href="#">学校标识</a></li>
                  </ul>
                </div>
              </div>
            </div>

            <div
              class="col-12 col-md-7 col-lg-5 col-xl-4 text-center"
              data-animate="animate__slideInRight"
            >
              <div class="row gx-1">
                <div class="col">
                  <img
                    src="/assets/images/social/weixin.jpg"
                    alt="官方微信公众号"
                    class="img-fluid"
                  />
                  <br />
                  <a
                    href="https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzA5OTg2OTE1Ng==&amp;action=getalbum&amp;album_id=2393721616590782469&amp;scene=126#wechat_redirect"
                    target="_blank"
                    title="官方微信公众号"
                    rel="noopener"
                    >官方微信公众号</a
                  >
                </div>
                <div class="col">
                  <img
                    src="/assets/images/social/weibo.jpg"
                    alt="官方微博"
                    class="img-fluid"
                  />
                  <br />
                  <a
                    href="https://weibo.com/u/7674037481"
                    target="_blank"
                    title="官方微博"
                    rel="noopener"
                  >
                    官方微博
                  </a>
                </div>
                <div class="col">
                  <img
                    src="/assets/images/social/douyin.jpg"
                    alt="官方抖音"
                    class="img-fluid"
                  />
                  <br />
                  <a
                    href="https://www.douyin.com/user/MS4wLjABAAAA-mZeYz7hw538fARR5-TR4kWrgXUvTimwVBNRwuS56dFTdjo5f9umgGEbrcdeXxud"
                    target="_blank"
                    title="官方抖音"
                    rel="noopener"
                    >官方抖音</a
                  >
                </div>
                <div class="col">
                  <img
                    src="/assets/images/jubao.jpg"
                    class="img-fluid"
                    alt="廉洁举报中心"
                  />
                  <br />
                  <a
                    href="http://szxingaojiao.com/Z_WX/15_Report/ReportMain.aspx?schoolName=郑州城市职业学院"
                    title="廉洁举报中心"
                    rel="noopener"
                    >廉洁举报中心</a
                  >
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="copyrights" data-animate="animate__fadeInUp">
          <div class="container border-top opacity-50">
            <div class="row">
              <div class="col text-md-center">
                <div class="copyright-links">
                  版权所有 © 2023 郑州城市职业学院
                  <a
                    href="https://beian.miit.gov.cn/"
                    target="_blank"
                    rel="noopener"
                  >
                    豫ICP备12014925号-1
                  </a>
                  /
                  <a
                    href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=41018302000187"
                    target="_blank"
                    rel="noopener"
                  >
                    豫公网安备 41018302000187号
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </footer>
    </div>

    <!-- Scroll top -->
    <div class="btn-scroll-top" id="gotoTop" data-mobile="true">
      <svg class="progress-square w-100 h-100" viewBox="0 0 40 40">
        <path
          d="M8 1H32C35.866 1 39 4.13401 39 8V32C39 35.866 35.866 39 32 39H8C4.13401 39 1 35.866 1 32V8C1 4.13401 4.13401 1 8 1Z"
        ></path>
      </svg>
    </div>
    <script>
      var nvmOptions = {
        jsFolder: "/assets/js/",
        cssFolder: "/assets/css/",
        bdhmID: "186aa1bb1368d7e0c66d1ea6e3f590ad",
      };
    </script>
    <script src="/assets/js/theme.js"></script>
  </body>
</html>
